<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en-US">

<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Flea Server</title>

<link rel="stylesheet" href="/css/style.css" type="text/css" media="screen" />
<link rel="stylesheet" href="/css/registerserver.css" type="text/css" media="screen" />

</head>
<body>
<div id="page">


<div id="header">
	<div id="headerimg">
		<a href="#">Flea Servers</a>
	</div>
</div>
<hr />

<div id="userstatus">
Hi, {{ user_status.user_name }}
<a href="{{ user_status.entrance_url }}">{{ user_status.entrance_status }}</a>
</div>

  <div id="registerserver" class="widecolumn">
    
    <ul class="nav">
      <li class="active"><h2><a href="/" id="add" class="navTab">List</a></h2></li>
      <li><h2><a href="/Add" id="add" class="navTab">Add</a></h2></li>
	  <li><h2><a href="/PublicServer" id="add" class="navTab">Public</a></h2></li>
    </ul>  
  {% block content %}
  {% endblock %}
</div>
<script>
<!--
 $(document).ready(function(){
  $('div.tabContent').hide();
  var activeClass = $('a.active').get(0).id;
  $('div.' + activeClass).show();
  $('a.navTab').click(function() {
    $('a.navTab').removeClass('active');
    $(this).addClass('active');
    var id = $(this).get(0).id;
    switchContent(id);
  });
 });
 function switchContent(id) {
   $('div.tabContent').hide();
   $('div.' + id).show('normal');
 }

//-->
</script>
<div id="footer">
	<p>
		copyright &copy; 2009 Flea Server | Flea Server is proudly hosted by <a href="http://appengine.google.com/">Google</a> | Designed by <a href="http://corababy.7to13.com">Cora Guo</a>
		<br/>
		<!-- 10 queries. 0.480 seconds. -->
	</p>
</div>
</div>
{% include "google-static.html" %}
</body>
</html>
